import { Row, Col, Table, Card, Input, Select } from 'antd';
import React, { Component } from 'react'
//  下咽 6789 食管 78 79 19 20  97 98 34  喷门 185 186 176 177 胃 265 266 '208', '209'
// '360', '361', '362' '386 '387', '388', '389', '390', '391', '392 '353', '354', '355', '356', '357', '358
class EndoscopetDetailTable extends Component {

    constructor(props) {

        super(props);

        this.state = {
            swallowColumns: [
                {
                    title: '请选择分型',
                    key: 'type',
                    dataIndex: 'type',
                    render: (text, record) => (

                        <Input placeholder='请输入分型' value={record.type} onChange={(e) => this.inputChangeHandle(e, 'type', 1)} />
                    ),
                },
                {
                    title: '是否活检',
                    key: 'biopsy',
                    dataIndex: 'biopsy',
                    render: (text, record) => (
                        <Row span={24}>

                            <Select style={{ width: '180px' }} placeholder='请选择活检' value={record.biopsy} onChange={(e) => {
                                if (e == 0) {
                                    const { swallowData } = this.state
                                    swallowData[0].biopsyNumber = 0
                                    this.setState({
                                        swallowData: [...swallowData]

                                    })
                                }
                                return this.selectChangeHandle(e, 'biopsy', 1)
                            }
                            }
                            >
                                <Select.Option value="1">是</Select.Option>
                                <Select.Option value="0">否</Select.Option>
                            </Select>
                        </Row>
                    ),
                },
                {
                    title: '活检块数',
                    key: 'biopsyNumber',
                    dataIndex: 'biopsyNumber',
                    render: (text, record) => (
                        <span>
                            <Input placeholder='活检块数' disabled={this.state.swallowData[0].biopsy == 0} type='number' onChange={(e) => this.inputChangeHandle(e, 'biopsyNumber', 1)} value={record.biopsyNumber} />

                        </span>
                    ),
                },
            ],
            swallowData: [
                {
                    type: undefined,
                    biopsy: undefined,
                    biopsyNumber: undefined
                }
            ],
            esophagusColumns: [
                {
                    title: '狭窄不能通过',
                    key: 'narrow',
                    dataIndex: 'narrow',
                    render: (text, record) => (
                        <Input placeholder='请输入分型' value={record.narrow}
                            onChange={(e) => this.inputChangeHandle(e, 'narrow', 2, 1)} />
                    ),
                },
                {
                    title: '病变侵及贲门',
                    key: 'lesion',
                    dataIndex: 'lesion',
                    render: (text, record) => (
                        <Row span={24}>

                            <Select style={{ width: '180px' }} placeholder='请选择活检'
                                value={record.lesion} onChange={(e) => {

                                    return this.selectChangeHandle(e, 'lesion', 2, 1)
                                }
                                }
                            >
                                <Select.Option value="1">是</Select.Option>
                                <Select.Option value="0">否</Select.Option>
                            </Select>
                        </Row>
                    ),
                },
                {
                    title: '距离(cm)',
                    key: 'ditance',
                    dataIndex: 'ditance',
                    render: (text, record) => (
                        <span>
                            <Input placeholder='活检块数' type='number' onChange={(e) => this.inputChangeHandle(e, 'ditance', 2, 1)} value={record.ditance} />
                        </span>
                    ),
                },

                {
                    title: '点位',
                    key: 'point',
                    dataIndex: 'point',
                    render: (text, record) => (
                        <Row span={24}>

                            <Select style={{ width: '180px' }} placeholder='请选择活检' value={record.point} onChange={(e) => {

                                return this.selectChangeHandle(e, 'point', 2, 1)
                            }
                            }
                            >
                                <Select.Option value="1">是</Select.Option>
                                <Select.Option value="0">否</Select.Option>
                            </Select>
                        </Row>
                    ),
                },

                {
                    title: '请选择分型',
                    key: 'type',
                    dataIndex: 'type',
                    render: (text, record) => (

                        <Input placeholder='请输入分型' value={record.type} onChange={(e) => this.inputChangeHandle(e, 'type', 2, 1)} />
                    ),
                },
                {
                    title: '是否活检',
                    key: 'biopsy',
                    dataIndex: 'biopsy',
                    render: (text, record) => (
                        <Row span={24}>

                            <Select style={{ width: '180px' }} placeholder='请选择活检' value={record.biopsy} onChange={(e) => {
                                if (e == 0) {
                                    const { esophagusData } = this.state
                                    esophagusData[0].biopsyNumber = 0
                                    this.setState({
                                        esophagusData: [...esophagusData]

                                    })
                                }
                                return this.selectChangeHandle(e, 'biopsy', 2, 1)
                            }
                            }
                            >
                                <Select.Option value="1">是</Select.Option>
                                <Select.Option value="0">否</Select.Option>
                            </Select>
                        </Row>
                    ),
                },
                {
                    title: '活检块数',
                    key: 'biopsyNumber',
                    dataIndex: 'biopsyNumber',
                    render: (text, record) => (
                        <span>
                            <Input placeholder='活检块数' disabled={this.state.esophagusData[0].biopsy == 0} type='number' onChange={(e) => this.inputChangeHandle(e, 'biopsyNumber', 2, 1)} value={record.biopsyNumber} />

                        </span>
                    ),
                },
            ],
            esophagusData: [{
                narrow: undefined,
                lesion: undefined,
                ditance: undefined,
                point: undefined,
                biopsy: undefined,
                type: undefined,
                biopsyNumber: undefined
            }],
            barrettColumns: [
                {
                    title: '请选择分型',
                    key: 'type',
                    dataIndex: 'type',
                    render: (text, record) => (

                        <Input placeholder='请输入分型' value={record.type} onChange={(e) => this.inputChangeHandle(e, 'type', 2, 2)} />
                    ),
                },
                {
                    title: '是否活检',
                    key: 'biopsy',
                    dataIndex: 'biopsy',
                    render: (text, record) => (
                        <Row span={24}>

                            <Select style={{ width: '180px' }} placeholder='请选择活检' value={record.biopsy} onChange={(e) => {
                                if (e == 0) {
                                    const { barrettData } = this.state
                                    barrettData[0].biopsyNumber = 0
                                    this.setState({
                                        barrettData: [...barrettData]

                                    })
                                }
                                return this.selectChangeHandle(e, 'biopsy', 2, 2)
                            }
                            }
                            >
                                <Select.Option value="1">是</Select.Option>
                                <Select.Option value="0">否</Select.Option>
                            </Select>
                        </Row>
                    ),
                },
                {
                    title: '活检块数',
                    key: 'biopsyNumber',
                    dataIndex: 'biopsyNumber',
                    render: (text, record) => (
                        <span>
                            <Input placeholder='活检块数' disabled={this.state.barrettData[0].biopsy == 0} type='number' onChange={(e) => this.inputChangeHandle(e, 'biopsyNumber', 2, 2)} value={record.biopsyNumber} />

                        </span>
                    ),
                },
            ],
            barrettData: [{
                type: undefined,
                biopsy: undefined,
                biopsyNumber: undefined
            }],
            refluxColumns: [
                {
                    title: '请选择分型',
                    key: 'type',
                    dataIndex: 'type',
                    render: (text, record) => (

                        <Input placeholder='请输入分型' value={record.type} onChange={(e) => this.inputChangeHandle(e, 'type', 2, 3)} />
                    ),
                },
                {
                    title: '是否活检',
                    key: 'biopsy',
                    dataIndex: 'biopsy',
                    render: (text, record) => (
                        <Row span={24}>

                            <Select style={{ width: '180px' }} placeholder='请选择活检' value={record.biopsy} onChange={(e) => {
                                if (e == 0) {
                                    const { barrettData } = this.state
                                    barrettData[0].biopsyNumber = 0
                                    this.setState({
                                        barrettData: [...barrettData]

                                    })
                                }
                                return this.selectChangeHandle(e, 'biopsy', 2, 3)
                            }
                            }
                            >
                                <Select.Option value="1">是</Select.Option>
                                <Select.Option value="0">否</Select.Option>
                            </Select>
                        </Row>
                    ),
                },
                {
                    title: '活检块数',
                    key: 'biopsyNumber',
                    dataIndex: 'biopsyNumber',
                    render: (text, record) => (
                        <span>
                            <Input placeholder='活检块数' disabled={this.state.barrettData[0].biopsy == 0} type='number' onChange={(e) => this.inputChangeHandle(e, 'biopsyNumber', 2, 3)} value={record.biopsyNumber} />

                        </span>
                    ),
                },
            ],
            refluxData: [{
                type: undefined,
                biopsy: undefined,
                biopsyNumber: undefined
            }],
            cardiaColumns: [{
                title: '病变位于(1)至(2)',
                key: 'lesion',
                dataIndex: 'lesion',
                render: (text, record) => (

                    <Row justify='space-around'>
                        <Col span={10}>
                            <Input placeholder='病变位于(1)' type='number' value={record.lesion1} onChange={(e) => this.inputChangeHandle(e, 'lesion1', 3)} />

                        </Col>

                        <Col span={10}>
                            <Input placeholder='病变位于(2)' type='number' value={record.lesion2} onChange={(e) => this.inputChangeHandle(e, 'lesion2', 3)} />

                        </Col>

                    </Row>
                ),
            },
            {
                title: '距离',
                key: 'distance',
                dataIndex: 'distance',
                render: (text, record) => (
                    <Row justify='space-around'>
                        <Col span={10}>
                            <Input placeholder='请输入距离' type='number' value={record.distance1} onChange={(e) => this.inputChangeHandle(e, 'distance1', 3)} />

                        </Col>
                        <Col span={10}>
                            <Input placeholder='请输入距离' type='number' value={record.distance2} onChange={(e) => this.inputChangeHandle(e, 'distance2', 3)} />
                        </Col>
                    </Row>
                ),
            },
            {
                title: '方向',
                key: 'direction',
                dataIndex: 'direction',
                render: (text, record) => (

                    <Input placeholder='请输入分型' value={record.direction} onChange={(e) => this.inputChangeHandle(e, 'direction', 3)} />
                ),
            },
            {
                title: '请选择分型',
                key: 'type',
                dataIndex: 'type',
                render: (text, record) => (

                    <Input placeholder='请输入分型' value={record.type} onChange={(e) => this.inputChangeHandle(e, 'type', 3)} />
                ),
            },
            {
                title: '是否活检',
                key: 'biopsy',
                dataIndex: 'biopsy',
                render: (text, record) => (
                    <Row span={24}>

                        <Select style={{ width: '180px' }} placeholder='请选择活检' value={record.biopsy} onChange={(e) => {
                            if (e == 0) {
                                const { cardiaData } = this.state
                                cardiaData[0].biopsyNumber = 0
                                this.setState({
                                    cardiaData: [...cardiaData]

                                })
                            }
                            return this.selectChangeHandle(e, 'biopsy', 3)
                        }
                        }
                        >
                            <Select.Option value="1">是</Select.Option>
                            <Select.Option value="0">否</Select.Option>
                        </Select>
                    </Row>
                ),
            },
            {
                title: '活检块数',
                key: 'biopsyNumber',
                dataIndex: 'biopsyNumber',
                render: (text, record) => (
                    <span>
                        <Input placeholder='活检块数' disabled={this.state.cardiaData[0].biopsy == 0} type='number' onChange={(e) => this.inputChangeHandle(e, 'biopsyNumber', 3)} value={record.biopsyNumber} />

                    </span>
                ),
            },],
            cardiaData: [{
                lesion1: undefined,
                lesion2: undefined,
                distance1: undefined,
                distance2: undefined,
                direction: undefined,
                type: undefined,
                biopsy: undefined,
                biopsyNumber: undefined
            }],
            stomachColumns: [{
                title: '病变位于(1)至(2)',
                key: 'lesion',
                dataIndex: 'lesion',
                render: (text, record) => (
                    <Row>
                        <Col span={10}>
                            <Input placeholder='病变位于(1)' value={record.lesion1} onChange={(e) => this.inputChangeHandle(e, 'lesion1', 4)} />

                        </Col>
                        <Col span={4} style={{ textAlign: 'center' }}>至</Col>
                        <Col span={10}>
                            <Input placeholder='病变位于(2)' value={record.lesion2} onChange={(e) => this.inputChangeHandle(e, 'lesion2', 4)} />

                        </Col>

                    </Row>


                ),
            },
            {
                title: '距离',
                key: 'distance',
                dataIndex: 'distance',
                render: (text, record) => (

                    <Row justify='space-around'>
                        <Col span={10}>
                            <Input placeholder='请输入距离' type='number' value={record.distance1} onChange={(e) => this.inputChangeHandle(e, 'distance1', 4)} />

                        </Col>

                        <Col span={10}>
                            <Input placeholder='请输入距离' type='number' value={record.distance2} onChange={(e) => this.inputChangeHandle(e, 'distance2', 4)} />

                        </Col>

                    </Row>
                ),
            },
            {
                title: '方向',
                key: 'direction',
                dataIndex: 'direction',
                render: (text, record) => (

                    <Input placeholder='请输入分型' value={record.direction} onChange={(e) => this.inputChangeHandle(e, 'direction', 4)} />
                ),
            },
            {
                title: '请选择分型',
                key: 'type',
                dataIndex: 'type',
                render: (text, record) => (

                    <Input placeholder='请输入分型' value={record.type} onChange={(e) => this.inputChangeHandle(e, 'type', 4)} />
                ),
            },
            {
                title: '是否活检',
                key: 'biopsy',
                dataIndex: 'biopsy',
                render: (text, record) => (
                    <Row span={24}>

                        <Select style={{ width: '180px' }} placeholder='请选择活检' value={record.biopsy} onChange={(e) => {
                            if (e == 0) {
                                const { stomachData } = this.state
                                stomachData[0].biopsyNumber = 0
                                this.setState({
                                    stomachData: [...stomachData]

                                })
                            }
                            return this.selectChangeHandle(e, 'biopsy', 4)
                        }
                        }
                        >
                            <Select.Option value="1">是</Select.Option>
                            <Select.Option value="0">否</Select.Option>
                        </Select>
                    </Row>
                ),
            },
            {
                title: '活检块数',
                key: 'biopsyNumber',
                dataIndex: 'biopsyNumber',
                render: (text, record) => (
                    <span>
                        <Input placeholder='活检块数' disabled={this.state.stomachData[0].biopsy == 0} type='number' onChange={(e) => this.inputChangeHandle(e, 'biopsyNumber', 4)} value={record.biopsyNumber} />

                    </span>
                ),
            },],
            stomachData: [{
                lesion1: undefined,
                lesion2: undefined,
                distance1: undefined,
                distance2: undefined,
                direction: undefined,
                type: undefined,
                biopsy: undefined,
                biopsyNumber: undefined
            }],
            duodenumColumns: [{
                title: '病变位于(1)至(2)',
                key: 'lesion',
                dataIndex: 'lesion',
                render: (text, record) => (
                    <Row>
                        <Col span={10}>
                            <Input placeholder='病变位于(1)' value={record.lesion1} onChange={(e) => this.inputChangeHandle(e, 'lesion1', 5)} />

                        </Col>
                        <Col span={4} style={{ textAlign: 'center' }}>至</Col>
                        <Col span={10}>
                            <Input placeholder='病变位于(2)' value={record.lesion2} onChange={(e) => this.inputChangeHandle(e, 'lesion2', 5)} />

                        </Col>

                    </Row>



                )


            },
            {
                title: '距离(cm)',
                key: 'distance',
                dataIndex: 'distance',
                render: (text, record) => (

                    <Row justify='space-around'>
                        <Col span={10}>
                            <Input placeholder='请输入距离' type='number' value={record.distance1} onChange={(e) => this.inputChangeHandle(e, 'distance1', 5)} />

                        </Col>

                        <Col span={10}>
                            <Input placeholder='请输入距离' type='number' value={record.distance2} onChange={(e) => this.inputChangeHandle(e, 'distance2', 5)} />

                        </Col>

                    </Row>
                ),
            },
            {
                title: '方向',
                key: 'direction',
                dataIndex: 'direction',
                render: (text, record) => (

                    <Input placeholder='请输入方向' value={record.direction} onChange={(e) => this.inputChangeHandle(e, 'direction', 5)} />
                ),
            },
            {
                title: '巴黎分型',
                key: 'type',
                dataIndex: 'type',
                render: (text, record) => (

                    <Input placeholder='请输入分型' value={record.type} onChange={(e) => this.inputChangeHandle(e, 'type', 5)} />
                ),
            },
            {
                title: '与乳头关系',
                key: 'nipple',
                dataIndex: 'nipple',
                render: (text, record) => (

                    <Input placeholder='请输入分型' value={record.nipple} onChange={(e) => this.inputChangeHandle(e, 'nipple', 5)} />
                ),
            },
            {
                title: '白光粘膜表现',
                key: 'mucosa',
                dataIndex: 'mucosa',
                render: (text, record) => (
                    <Row span={24}>
                        <Input placeholder='白光粘膜' value={record.mucosa} onChange={(e) => this.inputChangeHandle(e, 'mucosa', 5)} />


                    </Row>
                ),
            },
            {
                title: '靛胭脂染色',
                key: 'carmine',
                dataIndex: 'carmine',
                render: (text, record) => (
                    <span>
                        <Input placeholder='活检块数' onChange={(e) => this.inputChangeHandle(e, 'carmine', 5)} value={record.carmine} />

                    </span>
                ),
            },],
            duodenumData: [
                {
                    lesion1: undefined,
                    lesion2: undefined,
                    distance1: undefined,
                    distance2: undefined,
                    nipple: undefined,
                    mucosa: undefined,
                    type: undefined,
                    carmine: undefined,
                }
            ]
        }
    }

    componentDidMount() {
        // console.log("9++++++++++++",this.props.njzdContent);
        if (this.props.njzdContent) {
            const njzdContent = JSON.parse(this.props.njzdContent)
            console.log(njzdContent);
            this.setState({
                barrettData: njzdContent.barrettData,
                cardiaData: njzdContent.cardiaData,
                duodenumData: njzdContent.duodenumData,
                esophagusData: njzdContent.esophagusData,
                refluxData: njzdContent.refluxData,
                stomachData: njzdContent.stomachData,
                swallowData: njzdContent.swallowData,

            })
        }


        // console.log(njzdContent,"njzdContent");
    }
    computedShowDetial = () => {
        const { njzd } = this.props

        const arrs = {
            1: [6, 7, 8, 9],
            2: [78, 79, 19, 20, 97, 98, 34],
            3: [185, 186, 176, 177],
            4: [265, 266, 208, 209],
            5: [360, 361, 362, 386, 387, 388, 389, 390, 391, 392, 353, 354, 355, 356, 357, 358]
        }
        let result = {
            1: false,
            2: false,
            3: false,
            4: false,
            5: false
        }
        let specialResult = {
            1: false,
            2: false,
            3: false
        }
        for (const key in njzd) {

            const computedArr = arrs[key]
            njzd[key].forEach(element => {
                console.log(element);
                for (let index = 0; index < computedArr.length; index++) {
                    const computedArrItem = computedArr[index];
                    if (computedArrItem == element) {
                        result[key] = true
                        return
                    }
                }

            });

        }

        if (result[2]) {
            const specialCases = [[78, 79, 19, 20], [97, 98], [34]]
            njzd[2].forEach(item => {
                for (let index = 0; index < specialCases.length; index++) {
                    const element = specialCases[index];
                    element.forEach(elementArrItem => {
                        if (elementArrItem == item) {
                            specialResult[index + 1] = true
                            return
                        }
                    })


                }

            })

        }

        return { result, specialResult }


    }

    selectChangeHandle = (e, field, njzeIndex, specialIndex) => {
        this.dataChangeHandle(e, field, njzeIndex, specialIndex)


    }
    dataChangeHandle = (value, field, njzeIndex, specialIndex) => {

        const { swallowData, esophagusData, barrettData, refluxData, cardiaData, stomachData, duodenumData } = this.state

        const funObject = {
            1: () => {

                swallowData[0][field] = value
                this.setState({
                    swallowData: [...swallowData],
                },
                    () => {
                        this.props.getDetailInfo({ swallowData, esophagusData, barrettData, refluxData, cardiaData, stomachData, duodenumData })
                    })
            },
            2: () => {
                if (specialIndex == 1) {
                    esophagusData[0][field] = value
                    this.setState({
                        esophagusData: [...esophagusData],
                    }, () => {
                        this.props.getDetailInfo({ swallowData, esophagusData, barrettData, refluxData, cardiaData, stomachData, duodenumData })
                    })
                } else if (specialIndex == 2) {
                    barrettData[0][field] = value
                    this.setState({
                        barrettData: [...barrettData],
                    }, () => {
                        this.props.getDetailInfo({ swallowData, esophagusData, barrettData, refluxData, cardiaData, stomachData, duodenumData })
                    })
                } else if (specialIndex == 3) {
                    refluxData[0][field] = value
                    this.setState({
                        refluxData: [...refluxData],
                    }, () => {
                        this.props.getDetailInfo({ swallowData, esophagusData, barrettData, refluxData, cardiaData, stomachData, duodenumData })
                    })
                }

            },
            3: () => {
                cardiaData[0][field] = value
                this.setState({
                    cardiaData: [...cardiaData],
                }, () => {
                    this.props.getDetailInfo({ swallowData, esophagusData, barrettData, refluxData, cardiaData, stomachData, duodenumData })
                })
            },
            4: () => {
                stomachData[0][field] = value
                this.setState({
                    stomachData: [...stomachData],
                }, () => {
                    this.props.getDetailInfo({ swallowData, esophagusData, barrettData, refluxData, cardiaData, stomachData, duodenumData })
                })
            },
            5: () => {
                duodenumData[0][field] = value
                this.setState({
                    duodenumData: [...duodenumData],
                }, () => {
                    this.props.getDetailInfo({ swallowData, esophagusData, barrettData, refluxData, cardiaData, stomachData, duodenumData })
                })
            },


        }
        funObject[njzeIndex]()
    }

    inputChangeHandle = (e, field, njzeIndex, specialIndex) => {

        this.dataChangeHandle(e.target.value, field, njzeIndex, specialIndex)

    }

    initDetailData = () => {
        const { result, specialResult } = this.computedShowDetial()
        console.log(result, specialResult);
        let resetData = {
            swallowData: false,
            esophagusData: false,
            barrettData: false,
            refluxData: false,
            cardiaData: false,
            stomachData: false,
            duodenumData: false,
        }
        for (const key in result) {
            if (!result[key]) {
                if (key == 1) {
                    resetData.swallowData = false
                } else if (key == 2) {
                    for (const specialKey in specialResult) {
                        if (specialKey == 1) {
                            resetData.esophagusData = false
                        }
                        else if (specialKey == 2) {
                            resetData.barrettData = false
                        }
                        else if (specialKey == 3) {
                            resetData.refluxData = false
                        }

                    }

                } else if (key == 3) {
                    resetData.cardiaData = false

                } else if (key == 4) {
                    resetData.stomachData = false

                } else if (key == 5) {
                    resetData.duodenumData = false

                }

            }
        }
        return resetData
    }


    render() {
        const { njzd } = this.props

        const {
            swallowColumns, swallowData, esophagusColumns, esophagusData,
            barrettColumns, barrettData, refluxColumns, refluxData, cardiaColumns, cardiaData,
            stomachColumns, stomachData, duodenumColumns, duodenumData
        } = this.state



        const { result, specialResult } = this.computedShowDetial()
        return (
            <div>
                {result[1] ?
                    <Card title="内镜诊断详情(下咽)">
                        <Row span={24}>
                            <Table columns={swallowColumns} dataSource={swallowData} pagination={false}></Table>

                        </Row>
                    </Card> : ''}
                {result[2] ?
                    <Row span={24}>
                        {specialResult[1] ?

                            <Card title="内镜诊断详情(食管)">
                                <Row span={24}>
                                    <Table columns={esophagusColumns} dataSource={esophagusData} pagination={false}></Table>
                                </Row>
                            </Card> : ''}


                        {specialResult[2] ?

                            <Card title="内镜诊断详情(巴雷特)">
                                <Row span={24}>
                                    <Table columns={barrettColumns} dataSource={barrettData} pagination={false}></Table>
                                </Row>
                            </Card> : ''}

                        {specialResult[3] ?

                            <Card title="内镜诊断详情(巴雷特)">
                                <Row span={24}>
                                    <Table columns={refluxColumns} dataSource={refluxData} pagination={false}></Table>
                                </Row>
                            </Card> : ''}
                    </Row>


                    : ''}
                {result[3] ?
                    <Card title="内镜诊断详情(贲门)">
                        <Row span={24}>
                            <Table columns={cardiaColumns} dataSource={cardiaData} pagination={false}></Table>

                        </Row>
                    </Card> : ''}
                {result[4] ?
                    <Card title="内镜诊断详情(胃)">
                        <Row span={24}>
                            <Table columns={stomachColumns} dataSource={stomachData} pagination={false}></Table>

                        </Row>
                    </Card> : ''}

                {result[5] ?
                    <Card title="内镜诊断详情(十二指肠)">
                        <Row span={24}>
                            <Table columns={duodenumColumns} dataSource={duodenumData} pagination={false}></Table>

                        </Row>
                    </Card> : ''}

            </div>
        )
    }
}
export default EndoscopetDetailTable
